<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的</title>
	</head>
	<body class="mine">
		<main class="main">
			<!-- 用户名 -->
			<section class="mine-user">
				<a href="mine_modify.html" class="user">
					<p id="photo">
						<span id="isVip">VIP</span>
					</p>
					<span id="nickName">用户名</span>
					<span class="set-info">&gt;</span>
				</a>
				<p class="signature">
					个性签名: <span id="sign">xxxxxxxxxxxxxxx</span>
				</p>
			</section>
			<!-- 运动数据 -->
			<section class="mine-sports">
				<a href="mine_sports_data.html" id="data">
					<div>
						<span class="iconfont icon-tubiao-zhuzhuangtu"></span>
						运动数据
					</div>
					<span class="data-btn">&gt;</span>
				</a>
				<div id="sport">
					<!-- 总运动 -->
					<div class="total-sports">
						总运动
						<p>
							<span id="duration">99999</span>
							分钟
						</p>
					</div>
					<!-- 本周消耗 -->
					<div class="mine-calorie">
						本周消耗
						<p>
							<span id="calorie">999999</span>
							千卡
						</p>
					</div>
				</div>
			</section>
			<!-- 我的运动徽章 -->
			<section class="mine-badge">
				<a href="mine_badge.html" id="badge-title">
					<div>
						<span class="iconfont icon-sharpicons_badge-"></span>
						我的运动徽章
					</div>
					<span class="badge-btn">&gt;</span>
				</a>
				<div id="badge">
					<p></p>
					<p></p>
					<p></p>
				</div>
			</section>
			<p class="mine-btn">
				<button>退出登录</button>
			</p>
		</main>
		<!-- 底部导航栏 -->
		<!-- 底部导航 tabbar -->
		<nav class="tabbar"></nav>
	</body>
</html>
